.ECar_modal_mask
{
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    background-color: rgba(255,255,255,.8);
    @media \0screen\,screen\9
    {
        background-color: rgb(255,255,255);

        filter: alpha(opacity=80);
    }
}
.ECar_modal
{
    font-size: 12px;

    position: absolute;
    top: 50%;
    left: 50%;

    overflow: hidden;

    width: 350px;
    height: 150px;
    margin-top: -65px;
    margin-left: -175px;

    color: #333;
    border: 2px solid #cbcbcb;
    background-color: #fff;
}

.ECar_modal_title
{
    padding: 10px;

    border-bottom: 1px solid #cbcbcb;
    h3
    {
        padding-right: 12px;
    }
}

.ECar_icon
{
    position: absolute;

    width: 20px;
    height: 20px;

    background-repeat: no-repeat;
}
.ECar_icon_close
{
    top: 10px;
    right: 10px;

    width: 12px;
    height: 12px;

    cursor: pointer;

    background-image: url('../img/close.png');
}
.ECar_icon_warn
{
    background-image: url('../img/warn.png');
}
.ECar_icon_error
{
    background-image: url('../img/error.png');
}
.ECar_icon_success
{
    background-image: url('../img/success.png');
}

.ECar_modal_body
{
    padding: 20px 15px;
}
.ECar_modal_content
{
    margin-bottom: 5px;
    p
    {
        padding-left: 30px;
    }
}
.ECar_modal_message
{
    padding-left: 30px;
    a
    {
        color: #33b8f4;
    }
}
.ECar_modal_button
{
    margin: 15px 0 0 30px;
    button
    {
        width: 75px;
        height: 22px;
        margin: 0 10px 0 0;
        padding: 0;

        cursor: pointer;

        color: #333;
        border: 1px solid #cbcbcb;
        outline: none;
        background-color: #fff;
    }
    .red
    {
        color: #fff;
        background-color: #e61d23;
    }
}
